<template>
  <div>
    <a-modal
        centered
        width="60%"
        :visible="CustomerWaiveFormVisible"
        title="Customer Waive Form"
        :okText="$t('menuItem.confirm')"
        :cancelText="$t('menuItem.cancel')"
        @ok="CustomerWaiveFormOk"
        @cancel="CustomerWaiveFormCancel"
    >
      <a-card style="height: 65vh">
        <a-row class="yy-Row">
          <!-- 查询条件 -->
          <a-form-model
              layout="inline"
              :model="queryForm"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
          >
            <a-row>
              <a-col :span="5">
                <a-form-model-item :label="$t('menuItem.LotId')">
                  <a-select
                      v-model="queryForm.lotId"
                      disabled
                  >
                  </a-select>
                </a-form-model-item>
              </a-col>
            </a-row>
          </a-form-model>
        </a-row>

        <a-descriptions :column="1" bordered style="width: 350px">>
          <a-descriptions-item  label="Case No">
            {{CustomerWaiveForm.lcbh}}
          </a-descriptions-item>
          <a-descriptions-item  label="Product ID">
            {{CustomerWaiveForm.productName}}
          </a-descriptions-item>
          <a-descriptions-item  label="Lot ID">
            {{CustomerWaiveForm.lotId}}
          </a-descriptions-item>
          <a-descriptions-item  label="Quantity">
            {{CustomerWaiveForm.quantity}}
          </a-descriptions-item>
          <a-descriptions-item  label="Wafer ID">
            {{CustomerWaiveForm.waferId}}
          </a-descriptions-item>
          <a-descriptions-item  label="Waive Item">
            {{CustomerWaiveForm.waiveItem}}
          </a-descriptions-item>
          <a-descriptions-item  label="Waive Comment">
            {{CustomerWaiveForm.waiveComment}}
          </a-descriptions-item>
          <a-descriptions-item  label="Effective Date">
            {{CustomerWaiveForm.effectiveDate}}
          </a-descriptions-item>
        </a-descriptions>

      </a-card>
    </a-modal>
  </div>
</template>

<script>
import {mapState, mapMutations} from "vuex";
export default {
  name: "CustomerWaiveForm",
  data() {
    return{
      labelCol: {span: 7},
      wrapperCol: {span: 16},
      windowHeight: document.documentElement.clientHeight,   //实时屏幕高度
    }
  },
  computed: {
    ...mapState('js1000', ['CustomerWaiveFormVisible','lotList','queryForm','CustomerWaiveForm']),
  },
  methods: {
    ...mapMutations('js1000', ['CustomerWaiveFormOk','CustomerWaiveFormCancel','queryTableList']),

  },
  mounted() {
    window.onresize = () => {
      return (() => {
        window.fullHeight = document.documentElement.clientHeight;
        this.windowHeight = window.fullHeight;
      })();
    };
  },
}
</script>

<style scoped>
.yy-Row {
  margin-bottom: 1rem;
}
</style>